body{
    background-color: white;
    margin-top: 0px;
}
header{
    margin: 0px;
    background: url("/img/head2.jpg");
    width: 955px;
    height: 150px;
    position: static;
    margin-left: 165px;
    margin-right: 165px;
}
nav {
    height: 36px;
    width: 955px;
    background-color: activeborder;
    margin-left: 165px;
    margin-right: 165px;
}
nav ul{
    margin: 0px;
    padding: 0px;
}
nav ul li{
    margin: 2px;
    float: left;
    list-style: none;
}
#inicio{
    background: url("/img/inicio.jpg");
    background-position: center;
    border-radius: 5px;
}
#inicio a{
    display: block;
    height: 31px;
    width: 80px;  
}
#inicio a.active{
    background: url("/img/inicio.jpg");
    background-position: center;
    height: 31px;
    width: 80px; 
    border-bottom: 1px darkgrey solid;
    border-radius: 5px;
}
#ingresar{
    background: url("/img/ingresar.jpg");
    background-position: center;
    border-radius: 5px;
}
#ingresar a{
    display: block;
    height: 31px;
    width: 90px;
    
}
#ingresar a.active{
    background: url("/img/ingresar2.jpg");
    background-position: center;
    height: 31px;
    width: 135px; 
    border-bottom: 1px darkgrey solid;
}
#registrar{
    background: url("/img/registrar.jpg");
    background-position: center;
     border-radius: 5px;
}
#registrar a{
    display: block;
    height: 31px;
    width: 90px;
}
#registrar a.active{
    background: url("/img/registrar2.jpg");
    background-position: center;
    height: 31px;
    width: 145px; 
    border-bottom: 1px darkgrey solid;
}
#areas{
    background: url("/img/buscar.jpg");
    background-position: center;
     border-radius: 5px;
}
#areas a{
    display: block;
    height: 31px;
    width: 90px;
}
#areas a.active{
    background: url("/img/buscar2.jpg");
    background-position: center;
    height: 31px;
    width: 90px; 
    border-bottom: 1px darkgrey solid;
}
article{
    width: 400px;
    background-color: antiquewhite;
}
section#contenedor{
    background-color: darkgrey;
    margin:0px;
    width:955px;
    border-radius: 9px;
    margin-left: 165px;
    margin-right: 165px;
}
section#principal{  
    background-color: ghostwhite;
    width: 465px;
    border-radius:9px;
    display:inline-block;
}
aside#izquierda{
   
    width: 245px;
    float: left;
}
aside#derecha{
    
    width: 245px;
    float: right;
}
aside{
    border-radius: 5px;
    background-color: cadetblue;
}

fieldset{
    border-radius: 15px;
    margin: 2px;
}
#usuario{
    width: 160px;
    float: left;
    
}
#password{
    width: 160px;
    float: left;
}
#bEntrar{
    margin-top: 10px;
}
.seccionAside{
    margin: 5px;
    background-color: activeborder;
    border-radius: 10px;
}
#ulInicio{
    margin-left: 15px;
    padding: 0px;
}
#noticia{
    width: 400px;
}
#articleNoticia{
    width: 465px;
    margin: 5px;
    border: 1px black solid;
    background-color: aliceblue;
    border-radius: 10px;
}
#tituloNoticia{
    font-style: oblique;
    background-color: lightgray;
    border-radius: 10px;
}
#articleNoticiaResumen{
    width: 215px;
    height: 55px;
    margin: 5px;
    border: 1px black solid;
    background-color: aliceblue;
    border-radius: 10px;
}
li ul{
    display: none;
}

li:hover > ul{
    display: block;
}
/*formato del formulario resumen*/
#resumen{
    width: 450px;
    height: 200px;
    margin-bottom: 10px;
}
#nPaginas{
    width: 90px;
    margin-bottom: 10px;
    margin-right: 200px;
}
#nHojas{
    width: 90px;
}
#archivo{
    width: 120px;
    margin-left: 30px;
    
}
#subirResumen{
    margin-bottom: 10px;
    margin-left: 100px;
}
/*formato del formulario persona*/
#nombre{
    width: 125px;
    margin-left: 18px;
    margin-right: 220px;
    margin-bottom: 10px;
}
#apellidoPaterno{
    width: 125px;
    margin-bottom: 10px;
}
#apellidoMaterno{
    width: 125px;
}
#email{
    width: 125px;
    margin-left: 35px;
    margin-bottom: 10px;
}
/*formato del formulario usuario*/
#telefono{
    width: 125px;
    margin-left: 13px;
    margin-bottom: 10px;
}
#direccion{
    width: 125px;
    margin-left: 15px;
}
#guardarUsuario{
    margin-left: 130px;
}
/*formato del formulario home*/
#titulo_home{
    
}
#cuerpo_home{
    width: 420px;
    height: 400px;
    margin-bottom: 10px;
}
/*-----------------------------formato del formulario de registro------------------------------------*/
#titulo{
    width: 240px;
    margin-left: 22px;
    margin-bottom: 10px;
}
#facultad{
    width: 240px;
    margin-bottom: 10px;
}
#carrera{
    width: 120px;
    margin-left: 2px;
    margin-right: 10px;
}
#modalidad{
    width: 120px;
    margin-bottom: 10px;
}
#area{
	width: 120px;
    margin-left: 28px;
    margin-bottom: 10PX;
    margin-right: 10px;
}
#subArea{
    width: 120px;
    margin-left: 10px;
    margin-bottom: 10px;
}
#ciudad{
    width: 115px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}
#pais{
    width: 115px;
    margin-left: 50px;
    margin-bottom: 10px;
}
#anio{
    width: 115px;
    margin-left: 35px;
    margin-right: 10px;
}
#codigo{
    width: 120px;
    margin-left: 30px;
    margin-bottom: 10px;
}
#palabraC{
    width: 260px;
    margin-left: 40px;
}

/*------------------------------------formato del formulario Autor---------------------------------------------*/
#fieldsetAutor{
	width: 438px;
}
#nombreA{
    width: 110px;
    margin-left: 25px;
    margin-right: 5px;
    margin-bottom: 10px;
}
#aPaternoA{
    width: 110px;
    margin-bottom: 10px;
}
#aMaternoA{
    width: 110px;
   	margin-right: 5px;
    margin-bottom: 10px;
}
#emailA{
    width: 110px;
    margin-left: 38px;
    margin-bottom: 10px;
}
#masAutor2{
    margin-left: 360px;
}
#menosAutor2{
    margin-left: 367px;
}
/*------------------------------------formato del formulario Autor 2@---------------------------------------------*/
#nombreA2{
    width: 110px;
    margin-left: 25px;
    margin-right: 5px;
    margin-bottom: 10px;
}
#aPaternoA2{
    width: 110px;
    margin-bottom: 10px;
}
#aMaternoA2{
    width: 110px;
   	margin-right: 5px;
    margin-bottom: 10px;
}
#emailA2{
    width: 110px;
    margin-left: 38px;
    margin-bottom: 10px;
}
#masAutor3{
    margin-left: 360px;
}
#menosAutor3{
    margin-left: 375px;
}
/*------------------------------------formato del formulario Autor 3---------------------------------------------*/
#nombreA3{
    width: 110px;
    margin-left: 25px;
    margin-right: 5px;
    margin-bottom: 10px;
}
#aPaternoA3{
    width: 110px;
    margin-bottom: 10px;
}
#aMaternoA3{
    width: 110px;
   	margin-right: 5px;
    margin-bottom: 10px;
}
#emailA3{
    width: 110px;
    margin-left: 38px;
    margin-bottom: 10px;
}
/*--------------------------------------formato del formulario Tutor------------------------------------------*/
#nombreT{
    width: 110px;
    margin-left: 25px;
    margin-right: 5px;
    margin-bottom: 10px;
}
#aPaternoT{
    width: 110px;
    margin-bottom: 10px;
}
#aMaternoT{
    width: 110px;
   	margin-right: 5px;
    margin-bottom: 10px;
}
#emailT{
    width: 110px;
    margin-left: 38px;
    margin-bottom: 10px;
}
#ci{
    width: 110px;
    margin-left: 70px;
    margin-right: 10px;
    margin-bottom: 10px;
}
#profecion{
    width: 110px;
    margin-left: 5px;
    margin-bottom: 10px;
}

#masTutor2{
    margin-left: 360px;
}
#menosTutor2{
    margin-left: 367px;
}
/*--------------------------------------formato del formulario Tutor 2------------------------------------------*/
#nombreT2{
    width: 110px;
    margin-left: 25px;
    margin-right: 5px;
    margin-bottom: 10px;
}
#aPaternoT2{
    width: 110px;
    margin-bottom: 10px;
}
#aMaternoT2{
    width: 110px;
   	margin-right: 5px;
    margin-bottom: 10px;
}
#emailT2{
    width: 110px;
    margin-left: 38px;
    margin-bottom: 10px;
}
#ci2{
    width: 110px;
    margin-left: 70px;
    margin-right: 10px;
    margin-bottom: 10px;
}
#profecion2{
    width: 110px;
    margin-left: 5px;
    margin-bottom: 10px;
}

#masTutor3{
    margin-left: 360px;
}
#menosTutor3{
    margin-left: 367px;
}
/*--------------------------------------formato del formulario Tutor 3------------------------------------------*/
#nombreT3{
    width: 110px;
    margin-left: 25px;
    margin-right: 5px;
    margin-bottom: 10px;
}
#aPaternoT3{
    width: 110px;
    margin-bottom: 10px;
}
#aMaternoT3{
    width: 110px;
   	margin-right: 5px;
    margin-bottom: 10px;
}
#emailT3{
    width: 110px;
    margin-left: 38px;
    margin-bottom: 10px;
}
#ci3{
    width: 110px;
    margin-left: 70px;
    margin-right: 10px;
    margin-bottom: 10px;
}
#profecion3{
    width: 110px;
    margin-left: 5px;
    margin-bottom: 10px;
}

/*------------------------------------formato del formulario Usuario---------------------------------------------*/
#nombre{
    width: 110px;
    margin-left: 25px;
    margin-right: 5px;
    margin-bottom: 10px;
}
#apellidoPaterno{
    width: 110px;
    margin-bottom: 10px;
}
#apellidoMaterno{
    width: 110px;
   	margin-right: 5px;
    margin-bottom: 10px;
}
#email{
    width: 110px;
    margin-left: 38px;
    margin-bottom: 10px;
}
#telefono{
    width: 110px;
    margin-left: 18px;
    margin-right: 6px;
    margin-bottom: 10px;
}
#direccion{
    width: 110px;
    margin-left: 5px;
    margin-bottom: 10px;
}
#usuarioB{
	width: 110px;
    margin-left: 110px;
}
/*-----------------------------------------formato del formulario crear area--------------------------*/
#nombre_area{
	width: 110px;
    margin-left: 0px;
    margin-right: 6px;
    margin-bottom: 10px;
}
#bCrearArea{
	width: 110px;
    margin-left: -40px;S
}

